.line-detail-layout {
  height: 100%;
  background: #EBEBF0;
  .bus-detail {
    border-top: 1px solid #C2C2C2;
    background: #fff;
    padding: 0.3rem 0.34rem 0.36rem 0.34rem;
    .bus-state {
      height: 0.3rem;
      line-height: 0.3rem;
      font-size: 0.28rem;
      overflow: hidden;
      .icon-to {
        display: inline-block;
        width: 0.23rem;
        height: 0.14rem;
        background-position: -3.6rem -0.6rem;
        margin: 0 0.16rem;
        vertical-align: baseline;
      }
      .arrow{
        font-size: 0.24rem;
        color: #858585;
        margin: 0 0.16rem;
      }
    }
    .bus-work {
      margin: 0.25rem 0 0.35rem;
      font-size: 0.22rem;
      line-height: 1;
      color: #A2A9AF;
      .start {
        color: #0AB3F1;
      }
      .end {
        color: #FF0A1D;
        margin-left: 0.24rem;
      }
      .price {
        margin-left: 0.3rem;
      }
    }
    .bus-msg {
      width: 5.42rem;
      height: 1.5rem;
      background: #f6f6f6;
      -webkit-border-radius: 0.08rem;
      -moz-border-radius: 0.08rem;
      border-radius: 0.08rem;
      padding: 0.34rem 0;
      margin-left: 0.56rem;
      .bus {
        width: 50%;
        height: 0.82rem;
        text-align: center;
        .num {
          font-size: 0.34rem;
          line-height: 0.44rem;
          color: #3F3F3F;
        }
        .msg {
          font-size: 0.24rem;
          line-height: 0.36rem;
          color: #5d5d5d;
        }
      }
      .bus:first-child {
        border-right: 1px solid #BDBDBD;
      }
    }
  }
  .bus-list {
    margin-top: 1.15rem;
    padding: 0 0.1rem;
    position: relative;
    .site {
      position: absolute;
      left: 0.1rem;
      top: -0.43rem;
      overflow: hidden;
      width: 7rem;
      .site-list {
        margin-top: 0.84rem;
        .site-item {
          width: 0.96rem;
          position: relative;
          .icon-to {
            width: 0.96rem;
            height: 0.12rem;
            background-position: 0 -1.7rem;
            position: absolute;
            left: 0;
            top: -0.4rem;
          }
          .icon-bus {
            width: 0.4rem;
            height: 0.2rem;
            background-position: -2.6rem -0.2rem;
            position: absolute;
            left: 0.25rem;
            top: -0.72rem;
          }
          .comming {
            left: -0.2rem;
          }
          .icon-location {
            width: 0.28rem;
            height: 0.32rem;
            background-position: -2.3rem -0.2rem;
            position: absolute;
            left: 0.33rem;
            top: -0.84rem;
          }
          .icon-arrow {
            width: 0.24rem;
            height: 0.24rem;
            background-position: -3.1rem -0.2rem;
            position: absolute;
            left: 0.35rem;
            top: -0.46rem;
          }
          .name {
            font-size: 0.28rem;
            width: 0.28rem;
            color: #5e5e5e;
            margin: 0 auto;
          }
        }
        .site-item:first-child {
          .icon-to{
            border-top-left-radius:0.06rem;
            border-bottom-left-radius:0.06rem;
          }
        }
        .site-item:last-child {
          .icon-to{
            border-top-right-radius:0.06rem;
            border-bottom-right-radius:0.06rem;
          }
        }
      }
    }
  }
  .bus-tool {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
    .menu {
      padding: 0.32rem 0;
      border-top: 1px solid #C2C1C1;
      background: #EBEBF0;
      display: flex;
      li {
        flex: 1;
        height: 0.36rem;
        border-right: 1px solid #C2C1C1;
        i {
          display: block;
          margin: 0 auto;
          width: 1rem;
          height: 0.36rem;
        }
      }
      li:last-child {
        border: 0;
      }
      .icon-menu1 {
        background-position: -3.4rem -0.2rem;
      }
      .menu1 {
        background-position: -3.8rem -1.6rem;
      }
      .icon-menu2 {
        background-position: -4.5rem -0.2rem;
      }
      .icon-menu3 {
        background-position: -5.6rem -0.2rem;
      }
      .icon-menu4 {
        background-position: -2.4rem -0.6rem;
      }
    }
  }
}
